import React, { Component } from 'react'

import Far from './Far'
import Registe from './Registe'
import Login from './Login'

export default class App extends Component {
  render() {
    return (
      <div>
        {/* 写在使用组件的子节点的位置的内容,其实也是传递props数据的一种方式. 只不过我们不能再自定义属性名了,写在子节点的位置上,属性名固定就叫children */}
        <Far>
          {(state, handle) => <Login {...state} handle={handle}></Login>}
        </Far>
        <hr />
        <Far>
          {(state, handle) => <Registe {...state} handle={handle}></Registe>}
        </Far>
      </div>
    )
  }
}
